﻿

body {
}

/*divs*/
#divCharName
{
    position:absolute;
    left:60px;
    top:18px;
    background-color:transparent;
}

#divGender
{
    position:absolute;
    left:160px;
    top:66px;
    background-color:transparent;
}

#divClassImage
{
    position:absolute;
    left:158px;
    top:94px;
    background-color:transparent;
}


#divClassName
{
    position:absolute;
    left:99px;
    top:184px;
    background-color:transparent;
}
#divPoints
{
    position:absolute;
    left:208px;
    top:261px;
    background-color:transparent;
}
#divRace
{
    position:absolute;
    left:420px;
    top:251px;
    background-color:transparent;
}
#divStrength
{
    position:absolute;
    left:171px;
    top:300px;
    background-color:transparent;
}
#divDexterity
{
    position:absolute;
    left:171px;
    top:336px;
    background-color:transparent;
}
#divIntelligence
{
    position:absolute;
    left:171px;
    top:370px;
    background-color:transparent;
}
#divWisdom
{
    position:absolute;
    left:436px;
    top:300px;
    background-color:transparent;
}
#divWillPower
{
    position:absolute;
    left:436px;
    top:336px;
    background-color:transparent;
}
#divConstitution
{
    position:absolute;
    left:436px;
    top:370px;
    background-color:transparent;
}
#divAcceptCancel
{
    position:absolute;
    left:236px;
    top:420px;
}
/*divs*/


/*fields*/
#CharName {
    width:266px;
    height:23px;
    background-color:transparent;
    text-align:center;
}

#ClassName {
    width:190px;
    height:23px;
    background-color:transparent;
    color:yellow;
    text-align:center;
}
#Points{
    width:21px;
    height:18px;
    background-color:transparent;
    color:yellow;
    text-align:center;
}
#Race{
    width:190px;
    height:23px;
    background-color:transparent;
    color:yellow;
    text-align:center;
}
#Strength{
    width:21px;
    height:18px;
    background-color:transparent;
    color:yellow;
    text-align:center;
}
#Dexterity{
    width:21px;
    height:18px;
    background-color:transparent;
    color:yellow;
    text-align:center;
}
#Intelligence{
    width:21px;
    height:18px;
    background-color:transparent;
    color:yellow;
    text-align:center;
}
#Wisdom{
    width:21px;
    height:18px;
    background-color:transparent;
    color:yellow;
    text-align:center;
}
#WillPower{
    width:21px;
    height:18px;
    background-color:transparent;
    color:yellow;
    text-align:center;
}
#Constitution{
    width:21px;
    height:18px;
    background-color:transparent;
    color:yellow;
    text-align:center;
}
/*fields*/


  #divCharacterCreationCanvas {
     position:relative;
     top:10px;
     width: 640px;
     height:480px;
     margin: 0px auto;  
   }
